import { ref } from 'vue'
import Loading from '@/components/baseLoading/index.vue'

/**
 * @method 使用全屏loading
 */
export default function useLoading() {
  /**是否正在请求 */
  const loading = ref<boolean>(false)

  /**
   * @method 生成longing组件
   */
  function renderLoading() {
    return loading.value && <Loading />
  }

  /**
   * @method 修改状态
   * @param is 是否正在请求
   */
  function changeLoading(is: boolean) {
    loading.value = is
  }
  return {
    loading,
    changeLoading,

    renderLoading,
  }
}
